<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--Head-->
<head>
    <meta charset="utf-8" />
    <title>{$_SESSION.CMS.set.name}</title>

    <meta name="description" content="login page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="__PUBLIC__/Cms/img/favicon.png" type="image/x-icon">

    <!--Basic Styles-->
    <link href="__PUBLIC__/Cms/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="__PUBLIC__/Cms/css/font-awesome.min.css" rel="stylesheet" />

    <!--Fonts-->
    <!--<link href="http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300" rel="stylesheet" type="text/css">-->

    <!--Beyond styles-->
    <link id="beyond-link" href="__PUBLIC__/Cms/css/beyond.min.css" rel="stylesheet" />
    <link href="__PUBLIC__/Cms/css/demo.min.css" rel="stylesheet" />
     <link href="__PUBLIC__/Cms/css/typicons.min.css" rel="stylesheet" />
    <link href="__PUBLIC__/Cms/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="__PUBLIC__/Cms/js/skins.min.js"></script>
</head>
<!--Head Ends-->
<!--Body-->
<body>
    <div class="login-container animated fadeInDown">
        <div class="loginbox bg-white" style="height: 460px!important;">
            <div class="loginbox-title">登陆</div>
            <div class="loginbox-social">
                <div class="social-title ">用户系统后台</div>
            </div>
            <div class="loginbox-or">
                <div class="or-line"></div>
                <div class="or">Login</div>
            </div>
            <form id="loginForm"  method="post"
             data-bv-message="This value is not valid"
             data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
             data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
             data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
            <div class="loginbox-textbox">
                <input type="text" name="username" class="form-control" placeholder="用户名"/>
            </div>
            <div class="loginbox-textbox">
                <input type="password" name="userpass" class="form-control" placeholder="密码" />
            </div>
            <div class="loginbox-textbox">
                <input type="text" name="verify" class="form-control" placeholder="验证码" />              
            </div>
            <div class="loginbox-textbox">
            	<img src="/Cms/Public/verify/" width="100%" id="verify" />
            </div>
            <div class="loginbox-forgot">
                <a href="">忘记密码?</a>
            </div>
            <div class="loginbox-submit">
                <input class="btn btn-primary btn-block" value="登陆" type="submit">
            </div>
            </form>
            <div class="loginbox-signup">
                <a href="register.html">注册帐号！</a>
            </div>
        </div>
        <div class="logobox">
        </div>
    </div>

    <!--Basic Scripts-->
    <script src="__PUBLIC__/Cms/js/jquery-2.0.3.min.js"></script>
    <script src="__PUBLIC__/Cms/js/bootstrap.min.js"></script>
    <!--Beyond Scripts-->
    <script src="__PUBLIC__/Cms/js/beyond.min.js"></script>
    <!--Page Related Scripts-->
    <script src="__PUBLIC__/Cms/js/validation/bootstrapValidator.js"></script>
	<script>
		$("#loginForm").bootstrapValidator();
		$('#verify').on('click',function(){
			$(this).attr('src','/Cms/Public/verify/');
		});
	</script>
</body>
<!--Body Ends-->
</html>
